<template>
  <el-menu
      class="el-menu-vertical-demo"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
  >
    <!--跳转  router-link-->
    <router-link to="/admin">
      <el-menu-item index="Index">
        <template slot="title">
          <i class="el-icon-s-home"></i>
          <span slot="title">首页</span>
        </template>
      </el-menu-item>
    </router-link>
    <!--一级标题-->
    <el-submenu default-active="Index"
                :index="menu.name"
                v-for="menu in menuList">
      <template slot="title">
        <i :class="menu.icon"></i>
        <span slot="title">{{menu.title}}</span>
      </template>
      <!--二级标题-->
      <router-link :to="item.path"
                   v-for="item in menu.children">
        <el-menu-item :index="item.name">
          <template slot="title">
            <!--<div class="div-icon" v-html="item.icon"></div>-->
            <span slot="title">{{item.title}}</span>
          </template>
        </el-menu-item>
      </router-link>
    </el-submenu>

    <!--一级标题-->
  <!--  <el-submenu index="1">-->
  <!--    <template slot="title">-->
  <!--      <i class="el-icon-user-solid"></i>-->
  <!--      <span>用户角色管理</span>-->
  <!--    </template>-->
  <!--    &lt;!&ndash;二级标题&ndash;&gt;-->
  <!--    <router-link to="/admin/userManagement">-->
  <!--      <el-menu-item index="1-1">-->
  <!--        <template slot="title">-->
  <!--          <svgIcon name="putongyonghu"-->
  <!--                   :scale="2"-->
  <!--                   class="svg-icon-color"/>-->
  <!--          <span slot="title">普通用户管理</span>-->
  <!--        </template>-->
  <!--      </el-menu-item>-->
  <!--    </router-link>-->

  <!--    <router-link to="/admin/doctorManagement">-->
  <!--      <el-menu-item index="1-2">-->
  <!--        <template slot="title">-->
  <!--          <svgIcon name="yishengguanli" :scale="2"-->
  <!--                   class="svg-icon-color"/>-->
  <!--          <span slot="title">医生信息管理</span>-->
  <!--        </template>-->
  <!--      </el-menu-item>-->
  <!--    </router-link>-->

  <!--    <router-link to="/admin/patientManagement">-->
  <!--      <el-menu-item index="1-3">-->
  <!--        <template slot="title">-->
  <!--          <svgIcon name="personal"-->
  <!--                   :scale="2"-->
  <!--                   class="svg-icon-color"/>-->
  <!--          <span slot="title">患者信息管理</span>-->
  <!--        </template>-->
  <!--      </el-menu-item>-->
  <!--    </router-link>-->
  <!--  </el-submenu>-->

  <!--  <el-submenu index="2">-->
  <!--    <template slot="title">-->
  <!--      <i class="el-icon-s-order"></i>-->
  <!--      <span>医疗信息管理</span>-->
  <!--    </template>-->

  <!--    <router-link to="/admin/inquiryManagement">-->
  <!--      <el-menu-item index="2-1">-->
  <!--        <template slot="title">-->
  <!--          <i class="el-icon-s-order"></i>-->
  <!--          <span slot="title">问诊信息管理</span>-->
  <!--        </template>-->
  <!--      </el-menu-item>-->
  <!--    </router-link>-->

  <!--    <router-link to="/admin/waitingQueueManagement">-->
  <!--      <el-menu-item index="2-2">-->
  <!--        <template slot="title">-->
  <!--          <i class="el-icon-s-order"></i>-->
  <!--          <span slot="title">候诊信息管理</span>-->
  <!--        </template>-->
  <!--      </el-menu-item>-->
  <!--    </router-link>-->
  <!--  </el-submenu>-->

  <!--  <el-submenu index="3">-->
  <!--    <template slot="title">-->
  <!--      <i class="el-icon-s-tools"></i>-->
  <!--      <span>系统信息管理</span>-->
  <!--    </template>-->

  <!--    <router-link to="/admin/sysInfoManagement">-->
  <!--      <el-menu-item index="3-1">-->
  <!--        <template slot="title">-->
  <!--          <i class="el-icon-s-order"></i>-->
  <!--          <span slot="title">通知信息管理</span>-->
  <!--        </template>-->
  <!--      </el-menu-item>-->
  <!--    </router-link>-->

  <!--    <router-link to="/admin/adminLogManagement">-->
  <!--      <el-menu-item index="3-2">-->
  <!--        <template slot="title">-->
  <!--          <i class="el-icon-s-order"></i>-->
  <!--          <span slot="title">系统日志管理</span>-->
  <!--        </template>-->
  <!--      </el-menu-item>-->
  <!--    </router-link>-->
  <!--  </el-submenu>-->
  </el-menu>
</template>

<script>
export default {
  name: "adminSideMenu",
  data(){
    return{
      menuList: [
          {
              name: 'sysUser',
              title: '用户角色管理',
              icon: 'el-icon-user-solid',
              path: '',
              component: '',
              children: [
                  {
                      name: 'userManagement',
                      title: '普通用户管理',
                      icon: '<svgIcon name="putongyonghu" :scale="2" class="svg-icon-color"/>',
                      path: '/admin/userManagement',
                      children: []
                  },{
                      name: 'doctorManagement',
                      title: '医生信息管理',
                      icon: '<svgIcon name="yishengguanli" :scale="2" class="svg-icon-color"/>',
                      path: '/admin/doctorManagement',
                      children: []
                  },{
                      name: 'patientManagement',
                      title: '患者用户管理',
                      icon: '<svgIcon name="personal" :scale="2" class="svg-icon-color"/>',
                      path: '/admin/patientManagement',
                      children: []
                  }
             ]
          },
          {
              name: 'medicalInfo',
              title: '医疗信息管理',
              icon: 'el-icon-s-order',
              path: '',
              component: '',
              children: [
                  {
                      name: 'inquiryManagement',
                      title: '问诊信息管理',
                      icon: '<i class="el-icon-s-order"></i>',
                      path: '/admin/inquiryManagement',
                      children: []
                  },{
                      name: 'waitingQueueManagement',
                      title: '候诊信息管理',
                      icon: '<i class="el-icon-s-order"></i>',
                      path: '/admin/waitingQueueManagement',
                      children: []
                  }
              ]
          },
          {
              name: 'sysMessage',
              title: '系统讯息管理',
              icon: 'el-icon-s-tools',
              path: '',
              component: '',
              children: [
                  {
                      name: 'sysInfoManagement',
                      title: '通知信息管理',
                      icon: '<i class="el-icon-s-order"></i>',
                      path: '/admin/sysInfoManagement',
                      children: []
                  },{
                      name: 'adminLogManagement',
                      title: '系统日志管理',
                      icon: '<i class="el-icon-s-order"></i>',
                      path: '/admin/adminLogManagement',
                      children: []
                  }
              ]
          },
      ]
    }
  }
}
</script>

<style scoped>
  .el-menu-vertical-demo {
    height: 100%;
  }
  a{
    text-decoration:none;
  }
  .svg-icon-color {
    fill: currentColor;
    color: #909399;
  }
  .div-icon{
    visibility: hidden
  }
</style>